<template>
  <div id="list"> 

     <div class="demo" :style="{  height: dtheight + 'px' }">

      <div style="display:flex;">
        <div style="flex:1;"> <echarts1> </echarts1></div>
        <div style="flex:1;margin-left:30px;"><echarts3> </echarts3></div>
      </div>

      <div style="display:flex;">
        <div style="flex:1;"> <echarts2> </echarts2></div>
        <div style="flex:1;margin-left:30px;"> <echarts4> </echarts4></div>
      </div>

       <div style="display:flex;">
        <div style="flex:1;"> <echarts5> </echarts5></div>
        <div style="flex:1;margin-left:30px;"> <echarts6> </echarts6></div>
      </div>

   </div>



   </div>
</template>

<script>
import Echarts1 from '@/view/Operationdata/Population/Echarts1'
import Echarts2 from '@/view/Operationdata/Population/Echarts2'
import Echarts3 from '@/view/Operationdata/Population/Echarts3'
import Echarts4 from '@/view/Operationdata/Population/Echarts4'
import Echarts5 from '@/view/Operationdata/Population/Echarts5'
import Echarts6 from '@/view/Operationdata/Population/Echarts6'
export default {
   name: 'list',
  data () {
    return {
        dtheight:'500',  //窗口高度
    }
  },
   components:{
      Echarts1,
      Echarts2,
      Echarts3,
      Echarts4,
      Echarts5,
      Echarts6
  },
  created(){
     this.dtheight = window.innerHeight - 150
     
  },
  mounted (){
    
  },
  methods: {




  }
}
</script>


<style scoped>
.demo{
    overflow-y:auto;
}
</style>